@extends('pc.v3.layouts.app')
@push('styles')
  <link rel="stylesheet" href="{{web_static('pc/v3/css/getgold.min.css',true)}}"/>
@endpush
@section('header')
@endsection
@section('content')
  <div class="gold-header"></div>
  <div class="gold-body">
    <div class="app"></div>
    <div class="text"></div>
    <div class="body"></div>
  </div>
  <div class="gold-footer"><a href="{{seo_url(\Common\Define\Route\WebRoute::DOWNLOAD)}}" target="_blank"><img src="{{web_static('pc/v3/assets/zhuanti/gold-button.png')}}"/></a></div>
  <div class="isz-right-nav"><a id="isz-customer-service" onclick="ares_push('right_im','/','click');" class="btn-new-wechat"><i class="icon icon-enquire"></i>
      <h5>立</h5>
      <h5>即</h5>
      <h5>咨</h5>
      <h5>询</h5></a><a onclick="ares_push('right_yezhu','/','click');" class="btn-new-own"><i class="icon icon-entrust"></i>
      <div class="btn-own-icon">业主委托<i></i></div></a><a class="btn-new-qrcode"><i class="icon icon-download"></i>
      <div class="btn-qrcode-down"><img src="{{web_static('pc/v3/assets/notice.svg')}}"/>
        <div class="title">爱上租APP</div><i></i>
      </div></a><a class="site-group  site-new-hang">
      <div class="btn-top"><i class="icon icon-backTop"></i>
        <div class="btn-top-text">返回顶部<i></i></div>
      </div></a></div>
  <div id="owner-popover" class="message-box2">
    <div class="bg-fff message-box"><i title="关闭" class="close"></i>
      <div class="message-title-text">委托您的房子吧</div>
      <ul class="message-list">
        <li class="mess-first-name">
          <div class="mess-village-nameerr tip">请输入称呼</div>
          <input type="text" placeholder="您的称呼" id="owner-name" maxlength="32"/><i class="icon icon-required"></i>
        </li>
        <li class="mess-city-phone">
          <div class="mess-village-nameerr tip">请输入您的手机号</div>
          <input type="text" placeholder="手机号码" id="owner-phone" maxlength="11"/><i class="icon icon-required"></i>
        </li>
        <li class="mess-city-change">
          <div class="mess-village-nameerr tip">请先选择城市</div>
          <input type="text" id="mess-city-input" onfocus="this.blur();" placeholder="请选择城市" value="{{$city->name}}" data-id="{{$city->area_code}}"/><i class="city-change-false"></i>
          <div class="city-change">
            @foreach (Common\Model\Com\City::getAllCity() as $item)
            <p id="@if($item->area_code==$city->area_code){{'city-fix'}}@endif" value="{{$item->area_code}}" class="city-list-for">{{$item->name}}</p>
            @endforeach
          </div>
        </li>
        <li class="mess-villages-name">
          <input type="text" id="village-name" placeholder="请填写小区" maxlength="128" class="mess-vill-name"/><i class="icon icon-required"></i>
          <div class="mess-village-name"></div>
          <div class="mess-village-nameerr tip">对不起，您的小区暂不接受委托</div>
        </li>
        <li class="mess-last-address">
          <div class="mess-village-nameerr tip">请输入房屋地址</div>
          <input type="text" id="village-address" placeholder="房屋地址，例：26幢3单元1101" maxlength="233"/>
        </li>
      </ul>
      <div id="message-sub-start">
        <div id="message-sub-boxs" onclick="ares_push('yezhu_submit','/','click');" class="message-sub-start">提交</div><i class="icon icon-phonecode"></i><span>400-018-2323</span>
      </div>
    </div>
    <div class="mess-succ mess-succ-back"><img src="{{web_static('pc/v3/assets/cluesucc.png')}}"/>
      <p>提交成功</p><span>客服人员会很快联系你</span>
    </div>
  </div>
@endsection
@section('footer')
@endsection
@push('scripts')
  <script src="{{web_static('pc/v3/js/getgold.min.js',true)}}"></script>
@endpush